{% extends 'base/base.html' %}
{% block link %}
  <link rel="stylesheet" href="{% static 'css/authPro/auth.css' %}">
{% endblock %}

{% block titile %}
  注册
{% endblock %}

{% block main %}
  <main id="container">
    <div class="register-contain">
      <div class="top-contain">
        <h4 class="please-register">请注册</h4>
        <a href="{% url 'users:login' %}" class="login">立即登录 &gt;</a>
      </div>
      <form action="" method="post" class="form-contain">
        {% csrf_token %}

        <div class="form-item">
          <input type="text" placeholder="请输入用户名" name="username" id="user_name" class="form-control"
                 autocomplete="off">
        </div>
        <div class="form-item">
          <input type="password" placeholder="请输入密码" name="password" class="form-control">
        </div>
        <div class="form-item">
          <input type="password" placeholder="请输入确认密码" name="password_repeat" class="form-control">
        </div>
        <div class="form-item">
          <input type="tel" placeholder="请输入手机号" name="telephone" class="form-control" id="mobile" autocomplete="off">
        </div>
        <div class="form-item">
          <input type="text" placeholder="请输入图形验证码" name="captcha_graph" id="input_captcha" class="form-captcha">
          <a href="javascript:void(0);" class="captcha-graph-img">
            <img src="" alt="验证码" title="点击刷新">
          </a>
        </div>
        <div class="form-item">
          <input type="text" placeholder="请输入短信验证码" name="sms_captcha" class="form-captcha" autocomplete="off">
          <a href="javascript:void(0);" class="sms-captcha" title="发送验证码">获取短信验证码</a>
        </div>
        <div class="form-item">
          <input type="submit" value="立即注册" class="register-btn">
        </div>
      </form>
    </div>
  </main>
{% endblock %}
{% block footer %}

{% endblock %}
{% block script %}
  <script src="{% static 'js/users/auth.js' %}"></script>
{% endblock %}